/* 通用模块 title+content */
.module{
  background: #fff;
  +.module{
    margin-top: 35px;
  }
  .module-title{
    display: flex;
    align-items: center;
    position: relative;
    margin: 0 0 15px 20px;
    font-size: 18px;
    font-weight: bold;
    &::before{
      content: '';
      position: absolute;
      left: -16px;
      width: 4px;
      height: 18px;
      background: $themeColor;
    }
  }
}
/* 通用卡片 title+content+border */
.basic-card{
  padding: 25px 20px;
  border: 1px solid #eee;
  border-radius: 4px;
  .title{
    margin: 0 0 25px 0;
    padding: 0;
    font-size: 15px;
    font-weight: bold;
  }
}

/* 三角形rate */
.rate_up{
  position: relative;
  &::before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom-color: red;
  }
}
.rate_down{
  position: relative;
  &::before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: green;
  }
}
/* 长条状箭头rate */
.rate_up_long{
  position: relative;
  &::before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border: 3px solid transparent;
    border-bottom-color: red;
  }
  &::after{
    position: absolute;
    content: '';
    top: 3px;
    left: 2px;
    width: 2px;
    height: 12px;
    background: red;
  }
}
.rate_down_long{
  position: relative;
  &::before{
    position: absolute;
    content: '';
    top: 12px;
    left: 0;
    width: 0;
    height: 0;
    border: 3px solid transparent;
    border-top-color: green;
  }
  &::after{
    position: absolute;
    content: '';
    top: 3px;
    left: 2px;
    width: 2px;
    height: 12px;
    background: green;
  }
}

/* eacharts切换表格样式 */
.echarts{
  h4{
    margin: 0!important;
    height: 0;
    font-size: 0;
    +div{
      height: calc(100% - 25px)!important;
    }
  }
  table.dataViewTable{
    width: 100%;
    height: 100%;
    overflow: auto;
    font-size: 12px;
    tbody{
      display:block;
      height: calc(100% - 30px);
      overflow-y:auto;
    }
    thead, tr{
      display:table;
      width: 100%;
      table-layout: fixed;
    }
    .dataViewTr{
      border-bottom: 1px solid #ebebeb;
      .dataViewHead{
        background: #ebebeb;
        padding: 5px 3px;
      }
      .dataViewTd{
        padding: 5px 3px;
      }
    }
  }
}